<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试export default 用法</title>
		
	</head>
	<body>
		测试export用法
	</body>
	
	<script type="module">
		import greet from './myExportTest.js';
		// 现在，greet 变量就指向了 sayHello 函数
		 greet("AN");
		/*****
		port
		这是一个 ES6 关键字，用于声明要从其他模块导入绑定。
		greet
		这是一个本地变量名。你可以在当前文件中使用这个名字来引用从 myExportTest.js 导入的内容。
		关键点：因为这是一个默认导入，所以你可以自由地为这个导入的内容起任何你喜欢的名字。例如，你也可以写成 import myGreetingFunction from './myExportTest.js';。
		from
		这是一个关键字，用于分隔导入的名称和模块的路径。
		'./myExportTest.js'
		这是模块的路径。
		./ 表示当前目录。这是一个相对路径，意味着 myExportTest.js 文件与当前正在编写代码的文件位于同一个文件夹中。
		重要：在浏览器原生的 ES6 模块中，路径必须是相对路径（./, ../）或绝对路径，并且通常需要包含文件扩展名（如 .js）。
		工作原理：import 与 export default 的配合
		import 和 export 是一对搭档。import greet from './myExportTest.js'; 这行代码能工作的前提是，myExportTest.js 文件中必须使用 export default 导出了某个东西。
		
		***/
		
		import u from './user.js';
		console.log(u.name+">>>>>"+u.age);		
		u.sayName();
		
		
		import Anim from './Animal.js';
		console.log(Anim.version);
		var an=new Anim("旺仔");
		an.speak();
		console.log(an.wheels);
		console.log(an.color);
		
	</script>
</html>
